<!--
 * @Description:
 * @Author: ZachGmy
 * @Date: 2020-09-03 09:57:40
 * @LastEditors: ZachGmy
 * @LastEditTime: 2022-06-07 20:20:04
-->
<template>
  <!-- 模板，html -->
  <div class="hospital_map">
    <!-- 地图渲染的容器 -->
    <div id="container_hospital"></div>
  </div>
</template>
<script>
// 脚本，js
export default {
  data(){
    return {
      position:[116.397428, 39.90923]
    }
  },
  created(){
    // 获取医院的经纬度
    let {longitude,latitude} = this.$route.query;
    this.position = [+longitude,+latitude]
  },

  // dom追加到网页中
  mounted(){
    var map = new AMap.Map('container_hospital',{
       zoom:11,//级别
       center: this.position
    });
    // 创建一个 Marker 实例：
    var marker = new AMap.Marker({
        position: this.position ,
        title: this.$route.query.name
    });

    // 将创建的点标记添加到已有的地图实例：
    map.add(marker);
  }
}
</script>
<style scoped>
/* 样式，css */
#container_hospital {
  height:600px
}
</style>
